<!DOCTYPE html>
<html>

<head>
    <meta http-equiv=Content-Type content='text/html; charset=utf-8'>

    <meta name="viewport" content="width=device-width" />
    <title>上海雷迪-维修系统</title>
    <meta name="Keywords" content="上海雷迪-维修系统">
    <meta name="Description" content="上海雷迪-维修系统">
    <link rel="stylesheet" type="text/css" href="/public/static/pc/css/Step.css"
        tppabs="/public/static/pc/css/Step.css">
    <script type="text/javascript" src="/public/static/pc/js/jquery.min.js"></script>
    <script type="text/javascript" src="/public/static/pc/js/jquery-1.12.4.js"></script>
</head>

<body
    style="zoom: 1;background-image:url(/public/static/pc/image/langbang/bj2.png);background-repeat:no-repeat;background-color:#f0f0f0;background-position-x:center">
    <div class="top-line">
        <div class="top-container">

            <div class="top-nav-left">
                <ul class="top-ul" style="float:right;">
                    <li>
                        <a href="/index/wechatof/index.html" class="toplink">官方微信</a>
                    </li>
                    <!-- <li style="display:none;">
                        <a href="public_api.html" class="toplink">公开接口</a>
                    </li> -->
                    <li>
                        <a href="/index/aboutus/index.html" class="toplink">关于我们</a>
                    </li>
                </ul>
            </div>
            <!-- <div class="top-nav-left">
                <ul class="top-ul" style="float:right;font-size:24px;margin-top:-10px;">
                    <li style="font-size:24px;margin-right:150px;">中国商品大数据云防伪专家</li>

                </ul>
            </div>-->
            <div class="top-nav-right">
                <ul class="top-ul">
                    <li style="line-height:50px;">
                        您好，欢迎来到中国商品大数据云防伪专家官方网站!
                    </li>
                </ul>
            </div>
        </div>
        <!--<img src="content/skin/langbang/top.png" style="Width:100%;">-->
        <!--<div style="background: url(content/skin/langbang/topbar2.png) no-repeat; background-size: 100%; height: 3px; width: 100%; "></div>-->
    </div>

    <div class="logo-img">
        <img src="/public/static/pc/image/langbang/logo.png" tppabs="/public/static/pc/image/langbang/logo.png"
            style="height: 55px;">
    </div>

    <div class="container" style="height:auto;Width: 70%;margin: 40px auto 0 auto;">
        <header class="header" style="display: none; height: 110px; vertical-align: middle;">
            <div class="row" style="height: 90px;margin-top:10px;background-color:#0f3d8b;">
                <a href="index.htm">
                    <img src="/public/static/pc/image/langbang/main.png"
                        tppabs="/public/static/pc/image/langbang/main.png" style="width:100%">
                </a>
            </div>
        </header>
        <div id="step1">
            <section class="tip">
                <div class="span12 well tipdiv">

                    <div class="Step1div" style="display:none;">
                        <span style="width:56px;overflow:hidden;">位&#12288;置:&#12288;</span>
                        <span id="dingweitip"></span>
                    </div>
                    <div class="Step1div"
                        style="color: #0096da; font-size: 25px; text-align: center; padding: 8px 0; font-family: "
                        微软雅黑 " ">
                        刮开涂层 输入数字 查询真伪
                    </div>
                    <div class="Step1div">
                        <span style="width:56px;">产品序列号:&#12288;</span>
                        <input id="sn" type="text" name='sn' class="inputcode" style="font-size: 14px;"
                            placeholder="请输入序列号" maxlength="20">
                        <a href="javascript:void(0);" class="Nextbtn" style="color:white" onclick="getTelInfo()">下一步</a>
                    </div>

                    <div class="Step1div tip">
                        <span class="space">&#12288;&#12288;&#12288;:</span>
                        <div class="nocode"></div>
                        <div class="vcodetip">请输入产品序列号</div>
                    </div>
                </div>

            </section>
            <section style="display:none">
                <div class="title-divider">
                    <div class="divider-arrow"></div>
                    <h3 class="query-info">防伪查询提示:</h3>
                </div>

                <div
                    style="background: url('/public/static/pc/image/langbang/img1.png') no-repeat; width: 251px; height: 300px; margin-top: -5px; float: right;">
                    <a href="strategy.html" target="_blank" style="color:#fff;float:right;margin:10px 10px 0 0">刮码攻略</a>
                </div>
                <div class="pic"
                    style="width:729px;position: relative; height: 296px; background: url('/public/static/pc/image/langbang/step1.jpg') no-repeat; background-size: 80%; background-position: center;">
                    <div class="titleList">
                        <ul>
                            <li style="display:none;">如图所示：</li>
                            <li>从左至右，从上至下，依次输入验证区20位防伪码。</li>
                        </ul>
                    </div>
                    <div id="dycode"
                        style="display: inline; width: 204px; height: 72px; position: absolute; right: 170px; top: 100px; background: url('/public/static/pc/image/langbang/step1_code1.png') no-repeat; background-size: 70%;">
                        <div class="vcodeShow" style="padding-top: 10px;font-size:16px;"></div>
                        <div class="vcodeShow" style="padding-top: 10px;left:60px;font-size:16px;"></div>
                        <div class="vcodeShow" style="padding-top: 25px;font-size:16px;"></div>
                        <div class="vcodeShow" style="padding-top: 25px;left:60px;font-size:16px;"></div>
                    </div>

                </div>
            </section>
            <section style="display:none;">
                <div class="boxshadow"></div>
            </section>
        </div>

        <div class="shuziliuc clear" style="display:none;margin-left: -36px;">
            <h2 class="fl">
                <strong style="color:red;">防伪标签</strong>：
            </h2>
            <div class="fl">
                <div class="clear index_op">
                    <a class="fl">01</a> <span class="fl">获取防伪码<i>></i></span>
                </div>
            </div>
            <div class="fl">
                <div class="clear index_op">
                    <a class="fl">02</a> <span class="fl">输入防伪码<i>></i></span>
                </div>
            </div>
            <div class="fl">
                <div class="clear index_op">
                    <a class="fl">03</a> <span class="fl">点击验证<i>></i></span>
                </div>
            </div>
            <div class="fl">
                <div class="clear index_op">
                    <a class="fl">04</a> <span class="fl">显示防伪码查询结果<i></i></span>
                </div>
            </div>
        </div>

        <!--防伪查询提示-->
        <div style="width:940px;height:200px;margin:80px auto 0 auto">
            <p style="color:#9c9e9c;font-size:14px;">
                请对照您购买产品上的防伪标签，依次输入20位防伪码，每组5位,核对无误后进行查询。防伪查询结果为以下三种情况：
            </p>

            <hr style="margin-top:20px;margin-bottom:15px;">

            <span style="color:#0096da;font-size:16px;font-weight:bold;">
                防伪查询提示：为保证消费者查询产品真伪客观公正，请自助查询，请勿通过人工查询
            </span>

            <p style="font-size:14px;color:#9c9e9c;margin-top:10px;line-height:25px;">
                防伪码查询正确——即您所购买的产品为经过315防伪查询中心的正牌产品，请您放心使用此产品<br> 防伪码查询错误——即防伪码查询不存在，您所购买的产品未经315防伪查询中心，但并不确定该产品为假冒产品
                <br> 防伪码查询重复——即同一防伪码被多次查询，请确认首次防伪码查询是否本人所为，若非本人所为，可能为假冒产品
                <br>
            </p>
        </div>

        <!--步骤一结束-->
        <div id="step2" style="display:none;">
            <section>
                <div class="span12 well">
                    <div class="step2div">
                        <input type="text" class="inputcode step2input" placeholder="请输入您的手机号" id="Mobile"
                            maxlength="11">
                        <a href="javascript:void(0);" id="GetBtn" name="60" onclick="SendMessage()" class="Nextbtn"
                            style="color:#FFF;  width:120px;">获取验证码</a>
                        <span id="mobiletip"></span>
                    </div>
                    <div class="step2div" style="visibility: hidden;" id="dcodediv">
                        <input id="code" type="text" class="inputcode step2input" placeholder="请输入验证码" maxlength="4">
                        <a href="javascript:void(0);" id="sub" onclick="submit()" class="Nextbtn"
                            style=" color:#FFF;  width:120px;">&#12288;验&#12288;&#12288;证&#12288;</a>
                        <span id="dcodetip"></span>
                    </div>
                    <div class="Step1div tip">
                        <span class="space" style="visibility:visible;"></span>
                        <div class="yztip"></div>
                    </div>
                </div>
            </section>

            <section>
                <div class="title-divider">
                    <div class="divider-arrow"></div>
                    <h3 class="query-info">防伪查询提示</h3>
                </div>

                <div class="pic" style="position: relative; height: 296px;">
                    <div class="titleList">
                        <ul>
                            <li>短信将告诉您刮开位置1、或者位置2、或者位置3</li>
                            <li>根据短信提示，刮开对应位置涂层，将验证码填入。</li>
                        </ul>
                    </div>
                </div>

                <!--底部去掉-->
            </section>
        </div>
        <!--步骤二结束-->
        <div id="step3" style="display:none;">
            <section>
                <div class="span12 well">
                    <div id="showjg" class="step3showjg">
                    </div>
                </div>
            </section>

            <!-- <section>
                <div class="Verification">
                    <div class="productInfo info" style="width:99%;padding:5px;">
                        <div class="step3info">产品信息</div>
                        <div class="libox2" style="width:100%; height:auto;">
                            <div id="ProductInfo" style="width:100%;" class=" bottom">
                            </div>

                        </div>
                    </div>
                    <div class="productInfo info" style="width:99%;padding:5px;">
                        <div class="step3info">验证记录</div>
                        <div class="libox2" style="width:100%;">
                            <div id="lzjl" style="width: 100%; font-size: 14px;" class="bottom">
                            </div>
                        </div>
                    </div>
                    <div style="width:250px; margin:10px auto;">
                        <div id="cppj" class="step3more" style="float:left;">
                        </div>
                        <div id="buy" class="step3more" style="float:left; margin-left:10px;">
                        </div>
                    </div>

                </div>
            </section> -->

        </div>
        <!--步骤三结束-->
        <style>
            .member_list:after {
                overflow: hidden;
                display: block;
                clear: both;
                content: "";
                height: 0;
            }

            .member_list {
                border: 1px solid #e6e6e6;
                border-bottom: 0;
                font-size: 12px;
                *overflow: hidden;
                *zoom: 1;
            }

            .member_list ul {
                margin-right: -180px;
                *zoom: 1;
            }

            .member_list li {
                border: 1px solid #e6e6e6;
                border-left: 0;
                border-top: 0;
                height: 98px;
                width: 187px;
                float: left;
                *display: inline;
                _width: 189px;
            }

            .member_list a,
            .member_list img {
                display: block;
                margin: auto;
            }

            .member_list a {
                text-align: center;
                overflow: hidden;
                height: 100%;
            }

            .member_list a:hover {
                -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
                text-decoration: none;
                background: #efefef;
                position: relative;
                line-height: 35px;
                padding-top: 5px;
                height: auto;
                margin: -5px;
                color: #444;
                z-index: 1;
                _position: absolute;
                _width: 193px;
                height: 137px;
            }
        </style>
        <!--步骤三结束-->
        <section style="display:none;">
            <div
                style="background-image:url(/public/static/pc/image/langbang/titbg.png);height:30px; font-size:20px;color:#FFFFFF;margin-top:10px; margin-bottom:10px;">
                <span style="margin-left:30px;">联盟成员</span>
            </div>

            <div class="member_list">
                <ul>
                    <li>
                        <a href="javascript:void(0)" target="_blank">
                            <img src="/public/static/pc/image/1.png" tppabs="/public/static/pc/image/1.png"
                                style="display: block;"> 传统酒业
                        </a>
                    </li>
                </ul>
            </div>
        </section>
        <!--底部开始-->
        <section>



            <div style="margin-top:20px; margin-bottom:20px;text-align:center">
                <span style="margin-left:30px;font-size:16px;color:#747474;">您还可以通过以下方式进行防伪码查询</span>
            </div>

            <script type="text/javascript">
                //底部导航鼠标经过
                $(function () {
                    $('.box div').mouseover(function () {
                        $(this).stop().animate({
                            "top": "-120px"
                        }, 100);
                    })
                    $('.box div').mouseout(function () {
                        $(this).stop().animate({
                            "top": "0"
                        }, 100);
                    })
                })
            </script>

            <div class="Features">
                <ul class="box">
                    <li>
                        <div class="Icon1">
                            <div class="toll_img">
                                <img src="/public/static/pc/image/langbang/smsquery.png"
                                    tppabs="static/image/langbang/smsquery.png">
                                <h3 class="query-method">短信查询</h3>
                            </div>
                            <div class="toll_info">
                                <p class="query-tip">
                                    编缉短信内容防伪编码发送至1069 0233 1070 35918验证商品真伪。
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="Icon1">
                            <div class="toll_img">
                                <img src="/public/static/pc/image/langbang/qrquery.png"
                                    tppabs="static/image/langbang/qrquery.png">
                                <h3 class="query-method">二维码查询</h3>
                            </div>
                            <div class="toll_info">
                                <p class="query-tip">
                                    使用智能手机中的扫描二维码APP应用程序，扫描标签标识上的二维码验证商品真伪。
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="Icon1">
                            <div class="toll_img">
                                <img src="/public/static/pc/image/langbang/weixinquery.png"
                                    tppabs="static/image/langbang/weixinquery.png">
                                <h3 class="query-method">微信查询</h3>
                            </div>
                            <div class="toll_info">
                                <p class="query-tip">
                                    <img src="/public/static/pc/image/langbang/qrcode2.jpg"
                                        tppabs="static/image/langbang/qrcode2.jpg"
                                        class="imgcode">点击微信中的添加好友，搜索公众号"315云防伪平台"验证商品真伪。

                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        <section style="text-align: center; display: none;">
            <div
                style="background-image:url(/public/static/pc/image/langbang/titbg.png);height:30px; font-size:20px;color:#FFFFFF;text-align:left; margin-top:10px; margin-bottom:10px;">
                <span style="margin-left:30px;">合作伙伴</span>
            </div>
            <img src="/public/static/pc/image/langbang/parner_1.jpg"
                tppabs="/public/static/pc/image/langbang/parner_1.jpg" style=" margin:0 auto 0 auto;">
        </section>
        <!--底部结束-->
        <footer style=" text-align:center; color:#999; min-height:50px; padding:10px 0px">
            <img src="/public/static/pc/image/langbang/foot.png" tppabs="/public/static/pc/image/langbang/foot.png"
                width="482" height="51" border="0" usemap="#Map" />
            <map name="Map" id="Map">
                <area shape="rect" coords="2,1,112,50" href="javascript:void(0)" />
                <area shape="rect" coords="119,0,229,50" href="javascript:;"
                    tppabs="http://net.china.com.cn/index.htm" />
                <area shape="rect" coords="239,1,347,52" href="javascript:;" tppabs="http://www.12321.cn/"
                    target="_blank" />
                <area shape="rect" coords="353,1,480,52" href="javascript:;"
                    tppabs="https://ss.knet.cn/verifyseal.dll?sn=e15061052000000774513494299&comefrom=trust&trustKey=dn&trustValue=315yun.com"
                    target="_blank" />
            </map><br /> 版权所有 贵州国威高新科技产业开发有限责任公司 备案号:黔ICP备18008862号-1
        </footer>
    </div>

    <script type="text/javascript">
        var sn = "";
        // 下一步获取手机号
        function getTelInfo() {
            $(".nocode").html("");
            $(".vcodetip").show();
            sn = $("#sn").val();

            $("#step1").hide();
            $("#step2").show();
            $("#Mobile").focus();
            $("#submit").attr("onclick", "");

            // if (sn.length < 20) {
            //     $(".vcodetip").css('visibility', 'visible');
            // } else {
            //     $("#step1").hide();
            //     $("#step2").show();
            //     $("#Mobile").focus();
            //     $("#submit").attr("onclick", "");
            // }

        }

        // 获取验证码
        function SendMessage() {
            var mobile = $("#Mobile").val();

            if (mobile == null || mobile == "") {
                $("#mobiletip").html("请先输入手机号码");
                return;
            } else {
                if (!CheckMobile(null, mobile)) {
                    $("#mobiletip").html("手机格式不正确");
                    return;
                }
            }

            $("#dcodediv").css("visibility", "visible");
            jQuery.ajax({
                type: "post",
                url: "/index/index/get_message.html",
                data: {
                    "mobile": mobile
                },
                datatype: "json",
                success: function (res) {
                    if (res.status == 0) {
                        alert(res.msg);
                    } else {
                        timer();
                    }
                },
                error: function () {
                    alert("网络异常");
                }
            });

        }

        // 提交结果
        function submit() {
            var code = $("#code").val();
            if (code == "") {
                $("#code").focus();
                $("#dcodetip").html("请填写正确的验证码");
                return false;
            }
            var mobile = $("#Mobile").val();
            $("#ts").css("display", "block");

            if (sn == "") {
                alert("序列号不能为空");
            }

            jQuery.ajax({
                type: "post",
                url: "/index/index/verify.html",
                data: {
                    "sn": sn,
                    "mobile": mobile,
                    "code": code
                },
                datatype: "json",
                success: function (res) {
                    if (res.status == "0") {
                        $("#step2 .Step1div .space").html("验证结果：");
                        $("#step2 .Step1div .yztip").html(res.msg);
                    } else {
                        $("#sub").attr("onclick", "");
                        $("#step2").hide();
                        $("#step3").show();
                        $("#showjg").html("恭喜您！您所验证的产品是正品！");
                        // $("#buy").html("<a href='' target='_blank' style='background:#0066cc; height:28px; line-height:28px; display:inline-block; color:#FFF;  width:100px; text-align:center; border-radius:5px;'>我要买</a>");
                        $("#submit").attr("onclick", "");
                        // $("#cppj").html("<a href='http://315yun.com/lbadmin/vote?productid=&vid=' target=_blanknocode style='background:#0066cc; height:28px; line-height:28px; display:inline-block; color:#FFF;  width:100px; text-align:center; border-radius:5px;'>产品评价</a>");
                        // GetList(sn);
                        // GetInfo(sn);
                    }
                },
                error: function () {
                    alert("网络异常");
                }
            });

        }

        // 获取验证记录
        function GetList(sn) {

            jQuery.ajax({
                type: "post",
                url: "/index/index/get_checklogs.html",
                data: {
                    "sn": sn
                },
                datatype: "json",
                success: function (response) {
                    $("#lzjl").html("<div class='commodityFields' style='text-align:left;'>" + response + "</div>");
                },
                error: function () {
                    alert("网络异常");
                }
            });
        }

        //获取产品信息
        function GetInfo(sn) {
            jQuery.ajax({
                type: "post",
                url: "/index/index/get_good.html",
                data: {
                    "sn": sn
                },
                datatype: "json",
                success: function (response) {
                    $("#ProductInfo").html(result);
                },
                error: function () {
                    alert("网络异常");
                }
            });
        }
    </script>

    <script type="text/javascript">
        function CheckMobile(noticeobj, str) {
            var patrn = /(^1[3|5|8|9][0-9]{9}$)/;
            if (str != null && str != null) {
                if (patrn.exec(str)) {
                    return true;
                } else {
                    return false;
                }
            } else {
                return null;
            }
        };

        // 定时器
        function timer() {
            $("#GetBtn").text(jQuery("#GetBtn").attr("name") + "秒后重新获取");

            if ($("#GetBtn").attr("name") <= 0) {
                $("#GetBtn").text("获取验证码");
                $("#GetBtn").css("background", "#0066cc");
                $("#Mobile").removeAttr("readonly");
                $("#GetBtn").removeAttr("disabled");
                $("#GetBtn").attr("name", "60");
                $("#GetBtn").attr('onclick', 'SendMessage()');

                return; //防止可能会出现再次循环
            } else {
                var time = setTimeout("timer()", 1000);
            }
            $("#GetBtn").attr("name", $("#GetBtn").attr("name") - 1);
        }
    </script>

</body>

</html>